﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master/Site.master" AutoEventWireup="true" CodeFile="Frm_AdminEscenario.aspx.cs" Inherits="Views_AdminEscenarios_Frm_AdminEscenario" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    
    <div class="well">
        <div class="panel panel-default">
			<!-- Default panel contents -->
			<!--<div class="panel-heading">ESCENARIOS</div> -->
            <div class="">
              <!--<a href="<%=ResolveClientUrl("~/Views/AdminEscenario/Nuevo.aspx" ) %>" class="btn">Nuevo</a>-->
            </div>
		    <!-- Table -->
            <h3>Lista de Proyectos</h3>
            <div id="gridEscenarios"></div>

            <script id="template" type="text/x-kendo-template">
                <a class="k-button" href="<%=ResolveClientUrl("~/Views/AdminEscenarios/Frm_Proyecto.aspx" ) %>" onclick="return toolbar_click()">
                    <span class="k-icon k-add"></span>Nuevo</a>
            </script>
            <script id="templateEdit" type="text/x-kendo-template">
                <a class="k-button editProyecto" href="\#" onclick="return click()">
                    <span class="k-icon k-edit"></span>Edit</a>
            </script>
            <!--<a href="<%=ResolveClientUrl("~/Views/General/Nuevo.aspx" ) %>" class="btn">Nuevo</a>-->
		</div>
    </div>
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" Runat="Server">
<script type="text/javascript">
    $(document).ready(function () {
        var today = new Date();
        loadUsuarios();
        //insert
        $("#btnInsertarUsuario").on("click", function () {
            var objUsuario = new Usuario();
            objUsuario.UsuName = $("#txtUsuario").val();
            objUsuario.Nombre = $("#txtNombres").val();
            objUsuario.ApellPaterno = $("#txtApellPaterno").val();
            objUsuario.ApellMaterno = $("#txtApellMaterno").val();
            objUsuario.Codigo = $("#txtCodigo").val();
            objUsuario.TipoUsuario = $("#cbTipoUsuario").val();
            objUsuario.Rol = $("#cbTipoRol").val();
            $.ajax({
                type: "POST",
                async: false,
                url: "RegistroUsuarios.aspx/SaveUsuario",
                data: kendo.stringify({ user: objUsuario }),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    if (data.d == "null")
                        return;
                    if (data.d) {
                        var datos = data.d;
                        alert("Se guardó correctamente.");
                    }
                },
                error: function (data) {
                    alert("No se guardó correctamente.");
                }
            });
        });

        $("a.editProyecto").on("click", "table", function (e) {
            //debugger;
            var tr = $(e.currentTarget).closest("tr");
            var item = $("#grid").data("kendoGrid").dataItem(tr);
            $.post('Frm_Proyecto.aspx', { id: 2 }, function (data) { });
        });

    });
    
    function loadUsuarios() {
        $("#gridEscenarios").kendoGrid({
            dataSource:
             {
                type: "json",
                transport: {
                    read: {
                        type: "POST",
                        url: "Frm_AdminEscenario.aspx/ObtenerProyectos",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json"
                    }
                },
                
                schema: {
                    data: "d",
                    total: "d.length",
                    model: {
                        Id : "IdProyecto",
                        fields: {
                            IdProyecto:{ type: "number" , editable: false},
                            Nombre : { type: "string" , editable: false},
                            UsuCre : { type: "string" , editable: false},
                            UsuMod : { type: "string" , editable: false},
                            FecCre: { type: "date" , editable: false},
                            FecMod: { type: "date", editable: false}
                        }
                    }
                }
                //,pageSize: 10
            },
            toolbar: [
                { template: kendo.template($("#template").html()) }
                          ],
//            toolbar: [
//    { name: "create", text: "Add new" }
//  ],
            selectable: "simple",
            sortable: true,
            pageable: false/* {
                refresh: true,
                pageSizes: true,
                buttonCount: 5
            }*/,
             editable: {
             confirmation: "Esta Seguro de Eliminar el Registro?"
           },
            columns: [
            { field: "IdProyecto", title: "Nro", width: "40px"  },
            { field: "Nombre", title: "Descripción" },
            { field: "UsuCre", title: "Usuario Creador" },
            { field: "FecCre", title: "Fecha Creación", format: "{0:dd/MM/yyyy}",  width: "120px"  },
            { field: "UsuMod", title: "Usuario Modificación" },
            { field: "FecMod", title: "Fecha Modificación", format: "{0:dd/MM/yyyy}",  width: "120px"  },
            { command: [{ click:setId,name: "edit", text: "Editar"}, { name: "destroy", text: "Borrar"}], width: "160px" }
        ],
            save: function () {
                this.refresh();
            }
            //,editable: "popup"
            ,remove:Borrar
        });

    }
    function setId(e) {
            var tr = $(e.target).closest("tr"); // get the current table row (tr)
            // get the data bound to the current table row
            var data = this.dataItem(tr);
            //$.post('Frm_Proyecto.aspx', { id: 2 }, function (data) { });
            window.location = "<%=ResolveClientUrl("~/Views/AdminEscenarios/Frm_Proyecto.aspx" ) %>" +"?id="+ data.IdProyecto;
        }
       
    function Borrar(e) {
      //window.console.log("Borrado", e.model.IdProyecto);
      $.ajax({
            type: "POST",
            url: "Frm_AdminEscenario.aspx/BorrarProyecto",
            data: kendo.stringify({ idProyecto: e.model.IdProyecto }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                if (data.d == "null")
                    return;
                if (data.d == "OK") {
                    alert("Se Elimino Correctamente el Proyecto.");
                }
            },
            error: function (data) {
                alert("Ocurrio un Error al Borrar Proyecto.");
            }
        });
    }

    function Usuario() {
        this.UsuName = "";
        this.Nombre = "";
        this.ApellPaterno = "";
        this.ApellMaterno = "";
        this.Codigo = "";
        this.TipoUsuario = "";
        this.Rol = "";
    }
</script>
</asp:Content>

